<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const properties = [
        '中华园,北京市,公寓',
        '华景苑,上海市,别墅',
        '新城市广场,深圳市,公寓',
        '雅居乐花园,广州市,别墅',
        '恒大城,广州市,公寓',
        '太阳花园,北京市,别墅',
      ]
      //方法1：使用reduce
      findPro = (data) => {
        return data.reduce((prev, item) => {
          const [name, address, type] = item.split(',')
          if (!prev[type]) prev[type] = []
          prev[type].push(name)
          return prev
        }, {})
      }
      console.log(findPro(properties))
      //方法2：使用forEach
      find = (data) => {
        const obj = {
          公寓: [],
          别墅: [],
        }
        data.forEach((item) => {
          if (item.split(',')[2] === '公寓') {
            obj.公寓.push(item.split(',')[0])
          }
          if (item.split(',')[2] === '别墅') {
            obj.别墅.push(item.split(',')[0])
          }
        })
        return obj
      }
      console.log(find(properties))
    </script>
  </body>
</html>
